<script setup lang="ts">
import Navbar from './components/Navbar.vue' // 仅保留导航栏引入
</script>

<template>
  <Navbar /> <!-- 保留顶部导航栏 -->
  <router-view >
  </router-view> <!-- 添加路由视图容器 -->

  <!-- 添加仓库链接 -->
  <div class="footer-link">
    <a href="https://gitee.com/rran99/001/tree/MA/03" target="_blank">
      我的仓库
    </a>
  </div>
</template>

<style>
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.footer-link {
  text-align: center; /* 居中链接 */
  margin-top: 20px; /* 添加顶部外边距 */
  padding-bottom: 20px; /* 添加底部内边距 */
}

.footer-link a {
  color: #495057; /* 链接颜色 */
  text-decoration: none; /* 移除下划线 */
  font-size: 1.2em; /* 增加字体大小，您可以根据需要调整这个值 */
}

.footer-link a:hover {
  text-decoration: underline; /* 鼠标悬停时显示下划线 */
}
</style>
